/* reset */
* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* css基本信息 */
body {
    font: 12px Tahoma;
    margin: 0px;
    text-align: center;
    background: #ffffff;
}

a:link, a:visited {
    font-size: 12px;
    text-decoration: none;
}

a:hover {
}

/* 页面层容器 */
#container {
    width: 100%;
    margin: 2px auto;
}

/* 页面头部(#logo + #menu) */
#header {
    width: 800px;
    height: 40px;
    margin: 1px auto;
    //background: url(../images/2013xx_134x60.gif) #ffcc99 no-repeat;
}

#logo {
    width: 134px;
    height: 40px;
    margin: 0px;
    float: left;
    background: url(../images/2013xx_134x60.gif) #88cc99 no-repeat;
}

#menu {
    margin: 0px 0px 0px 30px;
    //padding: 0px 20px 0px 0px;
    width: 636px;
    height: 40px;
    float: left;
    background: #eeeeee;
}

#menu ul {
    list-style: none;
    margin: 8px 8px 8px 8px;
    clear: both;
}

#menu ul li {
    float: left;
    margin: 0px 4px;
    display: block;
    //line-height: 28px;
}

.menudiv {
    width: 1px;
    height: 22px;
    //padding: 8px 0px 2px 0px;
    //margin: 5px 0px 0px 0px;
    background: #999999;
}

#menu ul li a {
    padding: 5px 10px 5px 10px;
    display: block;
}

#menu ul li a:link,a:visited {
    font-weight: bold;
    color: #666666;
}

#menu ul li a:hover {
    color: #0608ff;
    //background: #a8a8a8;
    text-decoration: underline;
}

#markself {
    font-size: 18px;
    font-style: italic;
    color: #0000ff;
    padding: 8px 0px 5px 19px;
    //margin: 10px 10px 5px 52px;
}

/* 页面主体 */
#pagebody {
    width: 800px;
    height: 540px;
    margin: 0px auto;
    //clear: both;
    background: #ccff00;
}

#sidebar {
    width: 160px;
    height: 540px;
    text-align: left;
    float: left;
    //clear: left;
    overflow: hidden;
    margin: 0px 2px 0px 0px;
    //color: #666666;
    background: #ddff22;
    border: 1px solid #ee0000;
}

#mainbody {
    width: 637px;
    height: 540px;
    text-align: left;
    float: right;
    //clear: left;
    //overflow: hidden;
    background: #dddd55;
    margin: 0px 0px 0px 1px;
    border: 1px solid #00ff00;
}

/* 页面底部 */
#footer {
    width: 800px;
    height: 40px;
    margin: 0px auto;
    //background: #00ffff;
    background: #dddddd;
}

#a {
    width: 400px;
    border: 1px solid #ff00ff;
}

#a p {
    margin-left: 100px;
    margin-right: 100px;
    width: 100px;
    border: 1px solid #ffff00;
}

.test {
    margin: 20px 0px 5px 0px;
    padding: 30px;
    border: 1px solid red;
    height: auto;
    background: silver;
}

.test p {
    margin: 20px;
    padding: 0;
    border: 1px solid blue;
    width: auto;
    height: 20px;
    background: white;
}

.test #p1 {
    margin: 40px;
    padding: 0;
    background: white;
}

.warning {
    font-weight: bold;
}

.urgent {
    font-style: italic;
}

.warning.urgent {
    background: silver;
}

ol + ul {
    color: green;
}

h1 + p + p {
    color: blue;
}
